<?php
include_once '../controlador/validar_usuario.php';
?>
<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!-- Consider adding an manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8">

  <!-- Use the .htaccess and remove these lines to avoid edge case issues.
       More info: h5bp.com/b/378 -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>Preventa Movil</title>
  <meta name="Colector de Datos" content="">
  <meta name="InfoInsigne" content="">

  <!-- Mobile viewport optimized: j.mp/bplateviewport -->
  <meta name="viewport" content="width=device-width,initial-scale=1">

  <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->

  <!-- CSS: implied media=all -->
  <!-- CSS concatenated and minified via ant build script-->
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
 <style type="text/css">
 label.error { 
	float: left; 
	color: red; 
	padding-top: .5em; 
	vertical-align: top; 
	font-weight:bold
}
 </style>
  <!-- end CSS-->

  <!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->

  <!-- All JavaScript at the bottom, except for Modernizr / Respond.
       Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
       For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
	<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>

	
</head>
<body>
	<!-- PAGINA DE AUTENTIFICACION -->
	<div data-role="page" id="page_login">
		<div data-role="header" role="banner" class="ui-header ui-bar-inherit">
			<h1 class="ui-title" role="heading" aria-level="1">Preventa Movil</h1>
		</div>
				
		<div data-theme="a" data-role="main" class="ui-content">
			<form data-ajax="false" method="post" action="index.php">
			
				<fieldset data-role="fieldcontain"> 
					<label for="txtusuario">Usuario:</label>
					<input type="text" name="txtusuario" id="txtusuario" required>
		      	</fieldset>
		      	
		      	<fieldset data-role="fieldcontain"> 
		      		<label for="txtpw">Contraseña:</label>
		      		<input type="password" name="txtpw" id="txtpw"  required>
		      	</fieldset>
		      	<button type="submit" name="submit" value="submit" data-icon="user" data-iconpos="left" data-inline="false" aria-disabled="false">Ingresar</button>
		      	<?php
		      	if(isset($err_message))
		      		echo "<label class='error'>$err_message</label>";
		      	?>
		      	
			</form>
		</div>	

		<div data-role="footer" data-theme="a" role="contentinfo" class="ui-footer ui-bar-a">
			<h4 class="ui-title" role="heading" aria-level="1">© 2014 Info-Insigne</h4>
		</div>		
	</div>

  <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
       chromium.org/developers/how-tos/chrome-frame-getting-started -->
  <!--[if lt IE 7 ]>
    <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
    <script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
  <![endif]-->

</body>
</html>
